<!--项目材料查看-->
<template>
  <div>
    <el-tabs :tab-position="tabPosition">
      <el-tab-pane label="企业基础材料">
        <el-table :data="tableData" border style="width: 100%" size="mini">
          <el-table-column type="index" label="序号" align="center" width="50">
          </el-table-column>
          <el-table-column prop="mateName" label="材料名称" align="center" width="300">
          </el-table-column>
          <el-table-column prop="isMust" label="是否必备" align="center">
            <template slot-scope="scope">
              <el-checkbox v-model="scope.row.isMust" @change="checkedIsMust(scope.row)"></el-checkbox>
            </template>
          </el-table-column>
          <el-table-column prop="isUse" label="是否采用" align="center">
            <template slot-scope="scope">
              <el-checkbox v-model="scope.row.isUse" @change="checkedIsUse(scope.row)"></el-checkbox>
            </template>
          </el-table-column>
          
          <el-table-column prop="isOriginal" label="文档数" align="center">
          </el-table-column>
          <el-table-column prop="isOriginal" label="上传文档数" align="center">
          </el-table-column>
          <el-table-column label="操作" align="center" width="100">
            <template slot-scope="scope">
              <el-button @click="handleClick(scope.row)" type="text" size="small">上传</el-button>
            </template>
          </el-table-column>
        </el-table>
      </el-tab-pane>
      <el-tab-pane label="反担保材料">
        <!-- <el-table :data="tableData" border style="width: 100%" size="mini">
          <el-table-column type="index" label="序号" align="center" width="50">
          </el-table-column>
          <el-table-column prop="mateName" label="资料名称" align="center" width="300">
          </el-table-column>
          <el-table-column prop="isUse" label="是否采用" align="center">
            <template slot-scope="scope">
              <el-checkbox v-model="scope.row.isUse" @change="checkedIsUse(scope.row)"></el-checkbox>
            </template>
          </el-table-column>
          <el-table-column prop="isMust" label="是否必备" align="center">
            <template slot-scope="scope">
              <el-checkbox v-model="scope.row.isMust" @change="checkedIsMust(scope.row)"></el-checkbox>
            </template>
          </el-table-column>
          <el-table-column prop="isOriginal" label="文档数" align="center">
          </el-table-column>
          <el-table-column prop="isOriginal" label="上传文档数" align="center">
          </el-table-column>
          <el-table-column label="操作" align="center" width="100">
            <template slot-scope="scope">
              <el-button @click="handleClick(scope.row)" type="text" size="small">上传</el-button>
            </template>
          </el-table-column>
        </el-table> -->
      </el-tab-pane>
    </el-tabs>
    <el-dialog title="收货地址" :visible.sync="dialogTableVisible">
      <el-table :data="gridData"  border style="width: 100%" size="mini">
        <el-table-column property="date" label="日期" width="150"></el-table-column>
        <el-table-column property="name" label="姓名" width="200"></el-table-column>
        <el-table-column property="address" label="地址"></el-table-column>
      </el-table>
    </el-dialog>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tabPosition: "right",
      tableData: [],
      gridData:[],
      dialogTableVisible: false,
    };
  },
  mounted() {
    this.init();
  },
  methods: {
    handleClick() {
      this.dialogTableVisible = true;
    },
    init() {
      let params = {};
      this.$api
        .formPost(
            "/api/biz/projMaterial/doGetListByBase",
          params
        )
        .then(res => {
          if (res.retHead.code === "0000000") {
            this.tableData = res.retBody;
          }
        });
    },
    getdata() {}
  }
};
</script>
<style lang='scss' scoped>
</style>